<!-- 
  订单跟踪
 -->
<template>
  <div class=''>
    <el-dialog :model-value="props.orderVisiable" :show-close="true" title="订单物流" width="40%" :before-close="handleClose">
      <el-steps direction="vertical" finish-status="success" :active="6">
        <el-step title="订单已提交，等待付款" :description="dayjs(times).format('YYYY-MM-DD HH:mm:ss')" />
        <el-step title="订单付款成功" :description="dayjs(times).format('YYYY-MM-DD HH:mm:ss')" />
        <el-step title="在北京市进行下级地点扫描，等待付款" :description="dayjs(times).format('YYYY-MM-DD HH:mm:ss')" />
        <el-step title="在分拨中心广东深圳公司进行卸车扫描，等待付款" :description="dayjs(times).format('YYYY-MM-DD HH:mm:ss')" />
        <el-step title="在广东深圳公司进行发出扫描" :description="dayjs(times).format('YYYY-MM-DD HH:mm:ss')" />
        <el-step title="到达目的地网店广东深圳公司，快件将很快进行派送" :description="dayjs(times).format('YYYY-MM-DD HH:mm:ss')" />
        <el-step title="订单已签收，期待再次为您服务" :description="dayjs(times).format('YYYY-MM-DD HH:mm:ss')" />

      </el-steps>
    </el-dialog>
  </div>
</template>
 
<script setup lang="ts">
import { dayjs } from 'element-plus';
const props = defineProps(["orderVisiable", "times"])
const emits = defineEmits()
const handleClose = () => {
  emits("closeOrderTrack")
}

</script>
 
<style lang="less" scoped></style>